<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>勘查数据</title>


    <link rel="stylesheet" type="text/css" href="css/hammer-define.css" />

    <script src="js/hammer/hammer.js"></script>
    <script src="js/ArrayForEach.js"></script>
    <script src="js/hammer-define.js"></script>
</head>
<style type="text/css">
    .list-title {
        list-style: none;
        font-size: 16px;
        padding: 7px 10px;
        border-width: 1px 0 0 0;
        border-color: lightgray;
        border-style: solid;
    }
    .list-content {
        list-style: none;
        font-size: 16px;
        padding: 3px 20px;
        display: inline-block;
        width: 100%;
    }
    .title-img {
        width: 30px;
        margin-left: 10px;
        margin-top: 1px;
        position: relative;
        top: 1px;
    }
    .title-span {
        top: -7px;
        position: relative;
        color: #4E4E4E;
    }
    .title-icon {
        width: 20px;
        float: right;
        position: relative;
        top: 7px;
        right: 10px;
    }
    .line {
        width:100%;
        height: 1px;
        background-color: lightgray;
        clear: both;
    }
    .line-short {
        width: 95%;
        float: right;
        height: 1px;
        background-color: lightgray;
    }
    .content-span-high {
        color: #2f85ff;
    }
    .content-span_survey {
        float: right;
        line-height: 16px;
        color: #666666;
    }
    .content-span-left {
        float: left;
        line-height: 16px;
    }
    .content-img {
        margin: 5px;
        max-width: 25%;
        float: left;
    }
    .content-detail {
        display: block;
        margin-top: 3px;
        word-break: break-word;
    }
    .send-button {
        background-color: #2f85ff;
        border-radius: 5px;
        color: white;
        width: 36%;
        margin: 10px 32%;
        line-height: 28px;
        text-align: center;
    }

    .mon{
        background-color: #666666;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        max-height: 0px;
    }

    ul .list-content2 {
        width: 30%;
        float: left;
        margin-left: 2.5%;
        list-style: none;
        display: inline-block;
    }

    ul .list-content2 img {
        display: inline-block;
        width: 100%;
        height: 100%;
    }
</style>
<body style="margin: 0px; color: #666666">
    <ul style="background-color: white; padding: 0px;">
        <div class="item-divider my-bg" style="min-height: 15px;margin-top:-1px;padding: 0;background-color: #E5EEF5"></div>
        <li class="list-title">
            <img class="title-img" src="img/check-title-icon.png">
            <span class="title-span">勘测结果</span>
        </li>
        <div class="line"></div>
        <li class="list-content"><span class="content-span-high">是否合适建设</span><span class="content-span_survey" id="l1_t1_survey"></span></li>
        <li class="list-content"><span class="content-span-high">原因</span><span class="content-span_survey" id="l1_t2_survey"></span></li>
        <li class="list-title">
            <img class="title-img" src="img/icon-tile.png">
            <span class="title-span">勘测基本信息</span>
        </li>
        <div class="line"></div>
        <li class="list-content"><span class="content-span-high">建设方</span><span class="content-span_survey" id="l2_t1_survey"></span></li>
        <li class="list-content"><span class="content-span-high">建筑竣工年份</span><span class="content-span_survey" id="l2_t2_survey"></span></li>
        <li class="list-content"><span class="content-span-high">房屋结构</span><span class="content-span_survey" id="l2_t3_survey"></span></li>
        <li class="list-content"><span class="content-span-high">屋顶类型</span><span class="content-span_survey" id="l2_t4_survey"></span></li>
        <li class="list-content"><span class="content-span-high">房顶结构</span><span class="content-span_survey" id="l2_t5_survey"></span></li>
        <li class="list-content"><span class="content-span-high">屋顶荷载</span><span class="content-span_survey" id="l2_t6_survey"></span></li>
        <li class="list-content"><span class="content-span-high">楼高</span><span class="content-span_survey" id="l2_t7_survey"><span style="color: #ccc">m</span></span></li>
        <li class="list-content"><span class="content-span-high">层数</span><span class="content-span_survey" id="l2_t8_survey"></span></li>
        <li class="list-content"><span class="content-span-high">周围建筑相对位置</span><span class="content-span_survey" id="l2_t9_survey"></span></li>
        <li class="list-content"><span class="content-span-high">周围建筑相对高度</span><span class="content-span_survey" id="l2_t10_survey"></span></li>
        <li class="list-title">
            <img class="title-img" src="img/icon-support.png">
            <span class="title-span">电器勘测</span>
        </li>
        <div class="line"></div>
        <li class="list-content"><span class="content-span-high">进户电源</span><span class="content-span_survey" id="l3_t1_survey"></span></li>
        <li class="list-content"><span class="content-span-high">屋面防雷带</span><span class="content-span_survey" id="l3_t2_survey"></span></li>
        <li class="list-content"><span class="content-span-high">进线总开关容量</span><span class="content-span_survey" id="l3_t3_survey"></span></li>
        <li class="list-content">
            <span class="content-span-high">逆变器安装位置</span>
        </li>
        <li id="nbq_img_survey" style="padding: 2% 3%"></li>

        <div class="line"></div>
        <li class="list-content" >
            <span class="content-span-high">配电箱安装位置</span>
        </li>
        <li id="pdx_img_survey" style="padding: 2% 3%"></li>

        <div class="line"></div>
        <li class="list-content">
            <span class="content-span-high">原电表箱位置</span>
        </li>
        <li id="dbx_img_survey" style="padding: 2% 3%"></li>

        <li class="list-title" style="clear: both ">
            <img class="title-img" src="img/icon-roof-2.png">
            <span class="title-span">屋面结构</span>
        </li>
        <div id="wm_survey"></div>
    </ul>

    <div id="hammer-mask"></div>
    <div id="hammer-bg" onclick="hideHammer(event)">
        <div id="hammer-box">
            <img id="image-big" src="img/htjd01.png" alt="">
        </div>
        <div id="hammer-page">1/1</div>
        <div id="hammer-page-ctrl">
            <span onclick="lastImg()" style="float: left"> < last </span>
            <span onclick="nextImg()" style="float: right"> next > </span>
        </div>
    </div>
    <div style="height: 20px;background-color: rgb(229, 241, 248)"></div>
</body>

<script type="text/javascript-lazy" src="js/projectTrackHtml/survey_J.js"></script>

</html>
